<template>
  <div>
    <div v-for="(item) in pre_post">
      <!--   因为数据是动态填充的，所以都需要用:post   -->
      <!--      <blog-post post="item"/>-->
      <blog-post :post="item"/>
      <!--   通过Input接收custom-input发出的事件   -->
      <custom-input :custom="item" @input="InputText = $event"/>
      <a>{{InputText}}</a>
    </div>
  </div>
</template>

<script>
  import BlogPost from './blog-post'
  import CustomInput from './custom-input'

  export default {
    name: 'blog-post-preset',
    components: {
      CustomInput,
      BlogPost
    },
    data () {
      return {
        InputText: '',
        pre_post: [{
          title: '艺术字体',
          url: 'https://www.baidu.com/s?wd=%E8%89%BA%E6%9C%AF%E5%AD%97%E4%BD%93&rsv_idx=2&tn=baiduhome_pg&ie=utf-8&rsv_cq=css+%E5%8A%A0%E7%B2%97&rsv_dl=0_right_recommends_merge_28335&euri=1818519',
          input_hint: '艺术字体',
          place_holder: '输入点艺术字体'
        }, {
          title: '书法字体',
          url: 'https://www.baidu.com/s?wd=%E4%B9%A6%E6%B3%95%E5%AD%97%E4%BD%93&rsv_idx=2&tn=baiduhome_pg&usm=2&ie=utf-8&rsv_cq=&rsv_dl=0_right_recommends_merge_21102&euri=76594af6cea94c3ea0d68bedd55e1ea7',
          input_hint: '书法字体',
          place_holder: '输入点书法字体'
        }, {
          title: '花体英文',
          url: 'https://www.baidu.com/s?wd=%E8%8A%B1%E4%BD%93%E8%8B%B1%E6%96%87&rsv_idx=2&tn=baiduhome_pg&usm=2&ie=utf-8&rsv_cq=&rsv_dl=0_right_recommends_merge_21102&euri=60378ea86ada403e873dbc8967e7e656',
          input_hint: '花体英文',
          place_holder: '输入点花体英文'
        }, {
          title: 'copperplate',
          url: 'https://www.baidu.com/s?wd=copperplate&rsv_idx=2&tn=baiduhome_pg&usm=1&ie=utf-8&rsv_cq=&rsv_dl=0_right_recommends_merge_21102&euri=89e9a577347442508ca16f56f6405a57',
          input_hint: 'copperplate',
          place_holder: '输入点copperplate'
        }]
      }
    },
  }
</script>

<style scoped>

</style>
